<!DOCTYPE html>
<HTML>
<HEAD>
  <TITLE>前端配置</TITLE>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" href="/static/css/util/elec.css" type="text/css">
  <link rel="stylesheet" href="/static/css/util/bootstrap.min.css" type="text/css">
  <link rel="stylesheet" href="/static/plugins/ztree/css/demo.css" type="text/css">
  <link rel="stylesheet" href="/static/plugins/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">
  <link rel="stylesheet" href="/static/css/index.css" type="text/css">

  <style type="text/css">
    .ztree li span.button.add {
      margin-left: 2px;
      margin-right: -1px;
      background-position: -144px 0;
      vertical-align: top;
      *vertical-align: middle
    }
  </style>
</HEAD>

<script th:inline="javascript">
  var resultList = [[${resultList}]];
</script>

<body>
<!--<h1>高级 增 / 删 / 改 节点</h1>-->
<!--<h6>[ 文件路径: exedit/edit_super.html ]</h6>-->
<div class="content_wrap">
  <div class="zTreeDemoBackground left">
    <button class="btn btn-default btn-emr btn-emr-green btn-reset" id="addRootNode" type="button">增加目录</button>
    <!--            <button class="btn btn-default btn-emr btn-emr-green btn-reset" id="refresh" type="button">刷新</button>-->
    <ul id="menuTree" class="ztree"></ul>
    <!--        <ul id="treeDemo" class="ztree"></ul>-->
  </div>
  <div class="right">
    <!--  <div id="moduleInfo" style="width: 75%">-->
    <h1>配置选择</h1>
    <div>
      <div>
        <svg class="svg-icon module-icon" aria-hidden="true">
          <use xlink:href="#icontitle"></use>
        </svg>
        <span style="padding-left:10px ">模块名称</span>
        <div style="padding-left: 30px;height: 30px;line-height: 30px;background: #f1f7f4;color: #2474ca;width: 98%"
             id="moduleName"></div>
      </div>

      <div style="margin: 10px 0">
        <svg class="svg-icon module-icon" aria-hidden="true">
          <use xlink:href="#icontitle"></use>
        </svg>
        <span style="padding-left:10px ">模板选择</span>
      </div>

      <div class="moduleSelect clear">
        <ul class="clear">
        </ul>
      </div>

      <div class="clear" style="margin: 15px 0;overflow: hidden;">
        <div style="float: right;margin-right: 50px">
          <button class="btn-emr btn-emr-green btn-emr-default btn-style" id="add" type="button"
                  disabled="disabled">新增
          </button>
          <button class="btn-emr btn-emr-green btn-style" id="edit" type="button" disabled="disabled">编辑模板
          </button>
          <button class="btn-emr btn-emr-green btn-style" id="save" type="button" disabled="disabled">保存
          </button>
          <button class="btn-emr btn-emr-green btn-style" id="delete" type="button" disabled="disabled">删除
          </button>
          <button class="btn-emr btn-emr-green btn-style" id="go" type="button" disabled="disabled">访问
          </button>
        </div>
      </div>

      <div class="editContent">
        <div class="form-group">
          <label for="menuId">菜单编号：</label>
          <input id="menuId" placeholder="" type="text" disabled="disabled"/>
        </div>
        <div class="form-group">
          <label for="menuId">菜单名称：</label>
          <input id="menuName" placeholder="请输入菜单名称" type="text" disabled="disabled"/>
        </div>
        <div class="form-group">
          <label for="menuId">父节点id：</label>
          <input id="Extra1" placeholder="" type="text" disabled="disabled"/>
        </div>
        <div class="form-group">
          <label for="menuId">菜单地址：</label>
          <input id="Extra2" placeholder="" type="text" disabled="disabled"/>
        </div>
        <div class="form-group">
          <label for="menuId">模板类型：</label>
          <!--                    <select id="Extra3" disabled="disabled"></select>-->
          <select id="Extra3" disabled="disabled">
            <!--                        <option value=""></option>-->
            <!--                        <option value="list">列表</option>-->
            <!--                        <option value="edit">编辑</option>-->
            <!--                        <option value="list-edit">列表+编辑</option>-->
            <!--                        <option value="catalogue">目录</option>-->
            <!--                        <option value="fullScreen">全局(无头无左边栏)</option>-->
            <!--                        <option value="Single">单页(有头有左边栏不用传病历号)</option>-->
          </select>

        </div>
        <div class="form-group">
          <label for="menuId">菜单简称：</label>
          <input id="Extra5" placeholder="" type="text" disabled="disabled"/>
        </div>
        <div class="form-group">
          <label for="menuId">是否生效：</label>
          <input id="Extra4" placeholder="" type="text" disabled="disabled"/>
        </div>
      </div>
    </div>
  </div>


  <!--    </div>-->

</div>


<!--<script type="text/javascript" src="/static/plugins/ztree/js/jquery-1.4.4.min.js"></script>-->
<!--<script type="text/javascript" src="/static/plugins/ztree/js/jquery.js"></script>-->
<script type="text/javascript" src="/static/plugins/jquery-2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="/static/plugins/layPage/laypage.js"></script>
<script type="text/javascript" src="/static/plugins/layer/layer.js"></script>
<script type="text/javascript" src="/static/plugins/ztree/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="/static/plugins/ztree/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="/static/plugins/ztree/js/jquery.ztree.exedit.js"></script>
<script type="text/javascript" src="/static/js/customList.js"></script>

</body>
</HTML>
